import { DemoBlock } from 'demos'
import { Loading } from 'grace-design'
import React from 'react'

export default () => {
  return (
    <>
      <DemoBlock title="加载中">
        <Loading />
      </DemoBlock>

      <DemoBlock title="颜色不同的加载状态">
        <Loading style={{ '--gd-loading-color': 'pink' }} />
      </DemoBlock>

      <DemoBlock title="大小不同的加载状态">
        <Loading size={100} />
      </DemoBlock>
    </>
  )
}
